<template>
    <view class="custom-wrapper">
        <view class="custom-nav" :style="{
            paddingTop: top+'px'
        }">
            <view class="nav-left">

            </view>
            <view class="nav-center">
                <text>未至小本本-记录过程</text>
            </view>
            <view class="nav-left"></view>
        </view>
    </view>
</template>
<script>
export default {
  data() {
    return {
        top:0
    }
  },
  mounted() {
    const system=uni.getSystemInfoSync()
    this.top=system.safeArea.top;
 
  }
}
</script>
<style lang="scss" scoped>
.custom-wrapper{
    padding-top: env(safe-area-inset-top);
    padding-top: constrant(safe-area-inset-top);
    height: 88rpx;
}
.custom-nav{
    position: fixed;
    box-sizing: content-box;
    
    height: 88rpx;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
</style>